var perpage = 2; //显示条数
var page = 1;
var pages = 0;
var comments = [];
//提交评论
$("#commBtn").click(function () {
    $.ajax({
        type: "POST",
        url: "/api/comment/post",
        data: {
            contentid: $("#contentId").val(),
            content: $("#comm").val(),
        },
        success: function (res) {
            $("#comm").val('');
            console.log(res);
            comments =res.data.comments.reverse()
            renderComment()
        }
    })
})

function renderComment() {
    $(".Allcomment").text(comments.length);


     pages =Math.max(Math.ceil(comments.length / perpage),1);
    var $lis = $(".pager li");


    var start = Math.max(0,(page-1)*perpage);
    var end = Math.min(start+perpage,comments.length);



    $lis.eq(1).html(page + '/' + pages);

    if(page<=1){
        page = 1;
        $lis.eq(0).html("<span>么偶上一页</span>")
    }else {
        $lis.eq(0).html("<a href='javascript:;'>上一页</a>")
    }

    if(page>=pages){
        page = pages;
        $lis.eq(2).html("<span>么偶下一页</span>")
    }else {
        $lis.eq(2).html("<a href='javascript:;'>下一页</a>")
    }

    if(comments.length==0){
       $(".noComments").html('<span>还没有评论</span>')
    }else {
        var html = '';
        for (var i = start; i < end; i++) {
            html += '<div class="commentlist">' +
                '<p>' + comments[i].username + '</p>' +
                '<p>' + formatDte(comments[i].postTime) + '</p>' +
                '</div>' +
                '<h4 class="media-heading">' + comments[i].contentVal + '</h4>'
        }
        $('.commentWrap').html(html)
    }


}

$('.pager').delegate('a','click',function () {
    if($(this).parents().hasClass('Previous')){
        page--
    }else {
        page++
    }
    renderComment(comments)
})


//每次页面重载获取该文章所有评论
$.ajax({
    type: "get",
    url: "/api/comment",
    data: {
        contentid: $("#contentId").val(),
    },
    success: function (res) {
        comments = res.data.reverse();
        renderComment()
        // renderComment(res.data.reverse())
    }
})


//格式化时间
function formatDte(d) {
    var date1 = new Date(d);
    return date1.getFullYear() + "-" + (date1.getMonth() + 1) + '-' + date1.getDate() + ' ' + date1.getHours() + ":" + date1.getMinutes() + ':' + date1.getSeconds();
}